@orange:#ff4400;
@light-orange:#ffddcc;
@red:#e45050;

//@grey:#F2F2F2;
@grey:#ccc;
@dark-grey:#464646;
//@light-gray:#ebebeb;
@light-gray:#f5f5f5;
@green:#7abc50;
@gray:#eeeeee;
@gray2:#999999;

@backcolor:rgba(244,243,246,1); //背景色

body{
    background:@backcolor;
    color: @dark-grey;
    margin: 0 auto;
    padding:0;
    //width:1920px;
    width:100%;
    font-family: "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial;
}

[v-cloak] {
  display: none !important;
}
//头部设置
#header{
    //width:1920px;
    width:100%;
    height:90px;
    background:rgba(255,255,255,1);
    overflow: hidden;

    //固定头部
    box-shadow:0 0 6px 0 rgba(0,0,0,0.1);
    position: fixed;
    top:0;
    z-index: 100;
}
#header nav.navbar{
    margin:0;
}
#header .navbar-nav{
    margin-top:0;
}
#header .content{
    width:1200px;
    height:90px;
    line-height:90px;
    margin:0 auto;
}
#header .header-collapse{
    border:1px solid #ccc !important;
    margin-top:25px;
    margin-right:10px;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.1);
}
#header .icon-bar{
    background:#ccc !important;
}
#header a{
    height:90px;
    line-height:90px;
    padding:0;
    margin:0;
    font-size:16px;
    font-weight:600;
    color:rgba(153,153,153,1);
}
#header a:link {background:none;}		/* 未访问的链接 */
#header a:visited {background:none;}	/* 已访问的链接 */
#header a:hover{color:rgba(93,144,247,1);background:none;}
#header a:active {background:none;} 	/* 选定的链接 */

#header li{
    padding:0 66px 0 0;
    background: white;
 }
#header .nav-active a{
    color:rgba(93,144,247,1);
    font-weight:bold;
    border-bottom:4px solid rgba(93,144,247,1);
}
#header .search-input{
    width:217px;
    height:30px;
    line-height:14px;
    background:rgba(132,138,157,0.1294);
    border:0;
    border-radius:15px;
    outline: none;
    padding-left:10px;
    font-size:14px;
    //font-family:PingFang-SC-Regular;
    vertical-align: middle;
}
#header .search-input::-webkit-input-placeholder{
    opacity: 1;
    vertical-align: middle;
    font-size:14px;
    line-height: 28px;
    font-weight:400;
    //line-height:12px;
    color:rgba(102,102,102,0.5) !important;} /* 使用webkit内核的浏览器 */
#header .search-input:-moz-placeholder{opacity: 1;color:rgba(102,102,102,0.5) !important;line-height: 28px;font-size:13px;}                  /* Firefox版本4-18 */
#header .search-input:-ms-input-placeholder{opacity: 1;color:rgba(102,102,102,0.5) !important;font-size:14px;}           /* IE浏览器 */
#header .search-input::-ms-clear{display:none;font-size:13px;}
#header .search-input::-moz-placeholder{
    opacity: 1;/*这里之前是没有的，发现问题后才加上去的*/
    font-size:13px;
    line-height: 28px;
    vertical-align: middle;
    color:rgba(102,102,102,0.5) !important;
}
#header .search-btn-group{
    position:absolute;
    top:0;
    right:50px;
    display: inline-block;
    vertical-align: middle;
}
#header .clear-input{
    vertical-align: middle;
    color:#ccc;
}
#header .search-btn{
    vertical-align: middle;
}


//竖线
#header .vline{
    padding:0;margin:4px 5px 0 5px;
}
#header .vline div{
    background:rgba(139,149,171,0.3003);width:1px; height:18px;display:inline-block;
}
#header .nav img{cursor:pointer;}

//主体设计
#main{
    margin-top:90px;
}
#main .content{
    width:1200px;
    margin: 0 auto;
    //overflow: hidden;
}


//页尾设置
#footer{
    //width:1920px;
    width:100%;
    height:142px;
    background:rgba(0,21,41,1);
}
#footer .content{
    width:1200px;
    height:142px;
    margin:0 auto;
    position:relative;
}
#footer .left{
    margin:39px 0;
    float:left;
    position:relative;
}
#footer .left .title{
    position:absolute;
    top:12px;
    left:140px;
    font-size:16px;
    color:rgba(255,255,255,.6);
}
#footer .left .copy{
    padding-top:20px;
    font-size:14px;
    color:rgba(255,255,255,.6);
}
#footer .right{
    float:right;
    height:142px;
    line-height: 142px;
    position:absolute;
    right:0;
    color:rgba(154,162,170,1);
    font-size:14px;
}

//悬停背景变色
.bg-hover-blue:hover{
    background: rgba(59, 153, 252, 0.06) !important;
}
//悬停字体变色
.font-hover-blue:hover{
    color: rgba(93,144,247,1) !important;
}
//按钮悬停变色
.btn-hover-blue:hover{
    border:1px  solid rgba(93, 144, 247, 1) !important;
    color:rgba(93, 144, 247, 1) !important;
    //line-height: 27px !important;
    background:none;
}

//涨幅和跌幅字体颜色
.font-down{color:rgba(253, 120, 137, 1) !important;}
.font-up{color:rgba(97, 217, 175, 1) !important;}
//涨跌幅背景色
.color-up{background:rgba(97,217,175,1) !important;}
.color-down{background:rgba(253,120,137,1) !important;}
//清楚IE默认样式 右侧箭头
select::-ms-expand { display: none !important; }
//高亮显示色
.search-high-color{color: red !important;}


.padding-0{padding:0;}
.margin-0{margin:0;}
.margin-padding-0{padding:0;margin:0;}
.pointer{cursor:pointer;}

//滚动刷新页面加载数据显示
.loadData{
    line-height: 28px;
    color:rgba(153,153,153,1);
    font-size:14px;
    text-align: center;
}





/*设置提醒弹框*/
#warnModal,#warnPriceModal , #warnCurrencyModal {
    width:500px !important;
    height:556px !important;
    border-radius:4px;
    overflow:visible;
    padding:0 !important;
}

#warnModal .modal-dialog,#warnPriceModal .modal-dialog , #warnCurrencyModal .modal-dialog {
    width:100%;
    margin:0;
    position: relative;
}
#warnModal .modal-header,#warnPriceModal .modal-header , #warnCurrencyModal .modal-header {
    width:100%;
    margin:0;
    border-bottom:1px solid rgba(241,243,245,1);
    padding:20px 0;
}
#warnModal .modal-header .close,#warnPriceModal .modal-header .close , #warnCurrencyModal .modal-header .close {
    position: absolute;
    opacity:1;
    top:-14px;
    right:-14px;
}
#warnModal .modal-title,#warnPriceModal .modal-title , #warnCurrencyModal .modal-title {
    font-size:18px;
    font-weight: bold;
    color:rgba(102,102,102,1);
    line-height:18px;
    padding:0;
}
#warnModal .modal-body,#warnPriceModal .modal-body , #warnCurrencyModal .modal-body {
    width:100%;
    padding:0 30px;
}
#warnModal .price,#warnPriceModal .price , #warnCurrencyModal .price {
    font-size:16px;
    font-weight: bold;
    color:rgba(61,77,114,1);
    line-height:16px;
    text-align: center;
    padding:23px 0;
    border-bottom:1px solid rgba(241,243,245,1);
}
#warnModal .price img,#warnPriceModal .price img , #warnCurrencyModal .price img {
    width:23px;
    height:23px;
    margin-right:8px;
}
#warnModal .price span,#warnPriceModal .price span , #warnCurrencyModal .price span {
    color:rgba(102,102,102,1);
    font-weight: bold;
}

#warnModal .item,#warnPriceModal .item , #warnCurrencyModal .item {
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(102,102,102,1);
    line-height:14px;
}
#warnModal .item:nth-child(1),#warnPriceModal .item:nth-child(1) , #warnCurrencyModal .item:nth-child(1) {
    padding:30px 20px 20px 20px;
}
#warnModal .item:nth-child(2),#warnPriceModal .item:nth-child(2) , #warnCurrencyModal .item:nth-child(2) {
    padding:0 20px 30px 20px;
    border-bottom:1px solid rgba(241,243,245,1);
}
#warnModal .item .title,#warnPriceModal .item .title , #warnCurrencyModal .item .title {
    font-weight: 600;
}
#warnModal .item .price-input,#warnPriceModal .item .price-input , #warnCurrencyModal .item .price-input {
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(61,77,114,1);
    width:166px;
    height:46px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(241,243,245,1);
    margin:0 5px 0 10px;
    padding-left: 10px;
}

#warnModal .item .price-input::-webkit-input-placeholder,#warnPriceModal .item .price-input::-webkit-input-placeholder , #warnCurrencyModal .item .price-input::-webkit-input-placeholder{
    opacity: 1;
    font-size:13px;
    line-height: 13px;
    font-weight:500;
    color:rgba(204,204,204,1) !important;} /* 使用webkit内核的浏览器 */
#warnModal .item .price-input:-moz-placeholder,#warnPriceModal .item .price-input:-moz-placeholder , #warnCurrencyModal .item .price-input:-moz-placeholder{opacity: 1;color:rgba(204,204,204,1) !important;line-height: 42px;font-size:13px;}                  /* Firefox版本4-18 */
#warnModal .item .price-input:-ms-input-placeholder,#warnPriceModal .item .price-input:-ms-input-placeholder , #warnCurrencyModal .item .price-input:-ms-input-placeholder{opacity: 1;color:rgba(204,204,204,1) !important;font-size:13px;}           /* IE浏览器 */
#warnModal .item .price-input::-ms-clear,#warnPriceModal .item .price-input::-ms-clear , #warnCurrencyModal .item .price-input::-ms-clear{display:none;font-size:13px;}
#warnModal .item .price-input::-moz-placeholder,#warnPriceModal .item .price-input::-moz-placeholder , #warnCurrencyModal .item .price-input ::-moz-placeholder{
    opacity: 1;/*这里之前是没有的，发现问题后才加上去的*/
    font-size:13px;
    line-height: 42px;
    vertical-align: middle;
    color:rgba(204,204,204,1) !important;
}
/* --ie清除--*/

#warnModal .item .price-type::-ms-expand,#warnPriceModal .item .price-type::-ms-expand , #warnCurrencyModal .item .price-type::-ms-expand { display: none; direction: rtl;}

/* --火狐、谷歌清除--*/

#warnModal .item .price-type,#warnPriceModal .item .price-type , #warnCurrencyModal .item .price-type {
    border:none;
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../image/xiajiantou.png") no-repeat scroll right center transparent;
    direction: rtl;
    padding:0 12px 0 0;
    width:44px;
}
/* --箭头就用自己设计的箭头，padding 空出箭头的位置--*/
#warnModal .item .price-type option,#warnPriceModal .item .price-type option , #warnCurrencyModal .item .price-type option {
    height:35px;
    //width:70px;
    line-height: 35px;
    padding:5px;
    border:1px solid rgba(228,230,235,1);
    text-align: center;

    //清楚样式
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
#warnModal .item .warn-btn,#warnPriceModal .item .warn-btn , #warnCurrencyModal .item .warn-btn {
    width:82px;
    height:28px;
    background:rgba(239,240,242,1);
    border-radius:4px;
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    font-weight: 500;
    color:rgba(153,153,153,1);
    line-height:28px;
    text-align:center;
    float:right;
    margin-top:8px;
    margin-right:0;
    //margin-left:20px;
}
#warnModal .item .warn-btn.btn-active,#warnPriceModal .item .warn-btn.btn-active , #warnCurrencyModal .item .warn-btn.btn-active {
    background:rgba(93,144,247,1);
    color:rgba(255,255,255,1);
}

/*提醒列表*/
#warnModal .line-box,#warnPriceModal .line-box ,#warnCurrencyModal .line-box{
    height:260px;
    overflow-y:scroll;
    -ms-overflow-style: none; //IE
}
#warnModal .line-box::-webkit-scrollbar,#warnPriceModal .line-box::-webkit-scrollbar ,#warnCurrencyModal .line-box::-webkit-scrollbar {
    width: 0;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
#warnModal .line-box::-webkit-scrollbar-thumb,#warnPriceModal  .line-box::-webkit-scrollbar-thumb,#warnCurrencyModal .line-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #8d8d8d;
    height:5px;
}
#warnModal .line-box::-webkit-scrollbar-track,#warnPriceModal  .line-box::-webkit-scrollbar-track,#warnCurrencyModal  .line-box::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
#warnModal .line,#warnPriceModal  .line,#warnCurrencyModal  .line{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(102,102,102,1);
    line-height:28px;
}
#warnModal .line .cancel,#warnPriceModal .line .cancel ,#warnCurrencyModal .line .cancel {
    width:82px;
    height:28px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(93,144,247,1);
    font-size:14px;
    /*font-family:NotoSansHans-DemiLight;*/
    color:rgba(93,144,247,1);
    line-height:28px;
    text-align: center;
    float:right;
    margin-bottom:34px;
    margin-right:10px;
}
#warnModal .line:nth-child(1),#warnPriceModal .line:nth-child(1) ,#warnCurrencyModal .line:nth-child(1) {
    margin-top:27px;
}
#warnModal .line .line-price,#warnPriceModal .line .line-price ,#warnCurrencyModal .line .line-price {
    color:rgba(61, 77, 114, 1);
    font-weight: 600;
}

/**

记一笔Modal

*/
 /*设置提醒弹框*/
#recordModal{
    width:500px !important;
    height:534px !important;
    /*background:rgba(255,255,255,1);*/
    border-radius:4px;
    /*overflow: hidden;*/
    overflow:visible;
    padding:0 !important;
}

#recordModal .modal-dialog{
    width:100%;
    margin:0;
    position: relative;
}
#recordModal .modal-header{
    width:100%;
    margin:0;
    border-bottom:1px solid rgba(241,243,245,1);
    padding:20px 0;
}
#recordModal .modal-header .close{
    position: absolute;
    opacity:1;
    top:-14px;
    right:-14px;
}
#recordModal .modal-title{
    font-size:18px;
    /*font-family:PingFang-SC-Medium;*/
    font-weight: bold;
    color:rgba(102,102,102,1);
    line-height:18px;
    padding:0;
}
#recordModal .modal-body{
    width:100%;
    padding:0 30px;
}
#recordModal .item{
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 500;
    color:rgba(102,102,102,1);
    line-height:14px;
    //padding:0 30px 20px 34px;
    padding-bottom:20px;
    margin:0 auto;
    text-align: center;
}
#recordModal .item:nth-child(1){
    margin-top:30px;
}
#recordModal .item .title{
    font-size:14px;
    //font-family:PingFang-SC-Semibold;
    font-weight: 600;
    color:rgba(102,102,102,1);
    line-height:14px;
    padding-right:10px;
}
#recordModal .item .select-box {
    width: 300px;
    height: 46px;
    //background:rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(241, 243, 245, 1);
    padding-left: 10px;
    font-size: 14px;
    //font-family:PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    line-height: 14px;
}
#recordModal .item select.select-box {
    //border:none;
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../image/xiajiantou.png") no-repeat scroll 95% center transparent;
    padding-right: 14px;
}
#recordModal .item  .trad-date.select-box {
    //border:none;
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../image/calar.png") no-repeat scroll 95% center transparent;
    padding-right: 14px;
}
//#recordModal .item  .trad-date.select-box::-webkit-datetime-edit{
//    width:100%;
//}
#recordModal .price-change{
    min-height:20px;
    border-bottom:1px solid rgba(241,243,245,1);
}
#recordModal .save{
    width:176px;
    height:46px;
    background:rgba(239,240,242,1);
    border-radius:4px;
    margin:30px auto 20px auto;
    font-size:18px;
    //font-family:PingFang-SC-Regular;
    font-weight:500;
    color:rgba(204,204,204,1);
    line-height:46px;
    text-align: center;
}
#recordModal .saveActive{
    background:rgba(96,163,252,1) !important;
    color:rgba(255,255,255,1) !important;
}

#recordModal .buy-info{
    position: relative;
    margin-top:10px;
    padding-bottom:30px;
    border-bottom:1px solid rgba(241,243,245,1);
}
#recordModal .buy-info .buy-box{
    width:187px;
    height:100px;
    background:rgba(59,153,252,0.06);
    border-radius:4px;
    border:1px solid rgba(93,144,247,0.06);
    font-size:18px;
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:16px;
    position: relative;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align: middle;
}
#recordModal .buy-info .buy-box input::-webkit-input-placeholder{
    opacity: 1;
    font-size:16px;
    line-height: 16px;
    font-weight:500;
    color:rgba(61, 77, 114, 0.8) !important;} /* 使用webkit内核的浏览器 */
#recordModal .buy-info .buy-box input:-moz-placeholder{opacity: 1;color:rgba(102,102,102,0.5) !important;line-height: 16px;font-size:16px;}                  /* Firefox版本4-18 */
#recordModal .buy-info .buy-box input:-ms-input-placeholder{opacity: 1;color:rgba(102,102,102,0.5) !important;font-size:18px;}           /* IE浏览器 */
#recordModal .buy-info .buy-box input::-ms-clear{display:none;font-size:16px;}
#recordModal .buy-info .buy-box input::-moz-placeholder{
    opacity: 1;/*这里之前是没有的，发现问题后才加上去的*/
    font-size:16px;
    line-height: 16px;
    vertical-align: middle;
    color:rgba(61, 77, 114, 0.8) !important;
}
#recordModal .buy-info .left{
    position: absolute;
    left:0;
}
#recordModal .buy-info .middle{
    width:100%;
    text-align:center;
    line-height: 100px;
}
#recordModal .buy-info .right{
    position: absolute;
    right:0;
    top:0;
}

#recordModal .buy-info .buy-name{
    border:none;
    outline:none;
    width:100%;
    height:40px;
    background:none;
    color:rgba(102,102,102,1);
    text-align: center;
    padding:10px 0 ;
    z-index: 108;
}

#recordModal .buy-info .get-currency{
    position: absolute;
    top:48px;
    width:100%;
    height:170px;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid rgba(59,153,252,0.06);
    z-index: 99;
    background: rgba(255,255,255,1);
    -ms-overflow-style: none; //IE
}
#recordModal .buy-info .get-currency::-webkit-scrollbar{
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
#recordModal .buy-info .get-currency::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #8d8d8d;
    height:5px;
}
#recordModal .buy-info .get-currency::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
#recordModal .buy-info .get-currency .get-currency-item{
    width:100%;
    height:30px;
    font-size:14px;
    line-height: 30px;
    padding-left:10px;
    cursor:pointer;
}
#recordModal .buy-info .get-currency .get-currency-item:hover{
   background:rgba(59,153,252,0.06);
}
#recordModal .buy-info .buy-num{
    border:none;
    outline:none;
    width:100%;
    height:40px;
    background:none;
    color:rgba(61,77,114,1);
    text-align: center;
    padding:10px 0 ;
    z-index: 108;
    font-weight: bold;
}
#recordModal .buy-info .line{
    width:100px;
    height:1px;
    background:rgba(201,201,201,1);
    margin:0 auto;
}

#recordModal .error-input-msg{
    font-size:14px;
    font-weight:500;
    color:rgba(253,120,137,1);
    line-height:14px;
    padding-left:4px;
    text-align: center;
    position:absolute;
    top:5px;
    left:200px;
}

//删除记录确定
#recordModal{
    width:500px !important;
    height:534px !important;
    border-radius:4px;
    overflow:visible;
    padding:0 !important;
}

#removeModal{
    width:364px !important;
    height:206px !important;
    border-radius:4px;
    padding:0 !important;
    overflow:visible;
    margin:0;
}
#removeModal .modal-content{
    width:364px;
    height:206px;
    padding:60px 0;
    margin:0;

    background:rgba(255,255,255,1);
}
#removeModal .modal-body{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
#removeModal .warn-msg{
    font-size:18px;
    //font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:18px;
    text-align: center;
    margin-bottom:40px;
    //padding-top:20px;
}
#removeModal .ok-btn{
    width:82px;
    height:28px;
    background:rgba(93,144,247,1);
    border-radius:4px;
    font-size:14px;
    margin-bottom:0;
    margin-left:80px;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:28px;
    float:left;
    text-align: center;
}
#removeModal .cancel-btn{
    width:82px;
    height:28px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(93,144,247,1);


    color:rgba(93,144,247,1);
    margin-bottom:0;
    margin-left:40px;
    font-size:18px;

    font-weight:500;
    line-height:26px;
    text-align: center;
    float:left;
}

/**

折线图新闻Modal

*/
#newsModal{
    width:500px !important;
    height:460px !important;
    border-radius:4px;
    overflow:visible;
    padding:0 !important;
}

#newsModal .modal-dialog{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    position: relative;
}
#newsModal .modal-content{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
#newsModal .modal-header{
    width:100%;
    margin:0;
    border:none;
    padding:15px 0;
}
#newsModal .modal-header .close{
    position: absolute;
    opacity:1;
    top:-14px;
    right:-14px;
}
#newsModal .modal-title{
    font-size:18px;
    font-weight: bold;
    color:rgba(102,102,102,1);
    line-height:1.5;
    padding:0;

}
#newsModal .modal-body{
    width:100%;
    height:430px;
    padding:0 30px 0 30px;

    font-size:18px;
    font-weight: bold;
    line-height:18px;
}
#newsModal .date{
    color:rgba(61,77,114,1);
    border-left:2px solid rgba(93,144,247,1);
    margin-bottom:30px;
    padding-left:6px;
}
#newsModal .title{
    color:rgba(61,77,114,1);
    margin-bottom:10px;
    line-height: 23px !important;
}
#newsModal .content{
    font-size:14px;
    font-weight: 500;
    color:rgba(102,102,102,1);
    line-height:26px;
    margin-bottom: 20px;
    max-height:280px;
    text-indent:2em;
    overflow: auto;
}
#newsModal .source{
    font-size:14px;
    font-weight: 500;
    color:rgba(153,153,153,1);
    line-height:14px;
    position:absolute;
    bottom:30px;
    left:30px;
}
#newsModal .content::-webkit-scrollbar{
    width: 0;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
#newsModal .content::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #8d8d8d;
    height:5px;
}
#newsModal .content::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}

/***

    登录验证码

**/
#loginModal{
    width:400px !important;
    height:310px !important;
    border-radius:4px;
    overflow:visible;
    padding:0 !important;
}

#loginModal .modal-dialog{
    width:100%;
    margin:0;
    position: relative;
}
#loginModal .modal-header{
    width:100%;
    margin:0;
    border-bottom:1px solid rgba(241,243,245,1);
    padding:20px 0;
}
#loginModal .modal-header .close{
    position: absolute;
    opacity:1;
    top:-14px;
    right:-14px;
}
#loginModal .modal-title{
    font-size:18px;
    font-weight: bold;
    color:rgba(102,102,102,1);
    line-height:18px;
    padding:0;
}
#loginModal .modal-body{
    width:100%;
    font-size:18px;
    font-weight: bold;
    line-height:18px;
    padding:0 20px 20px 20px;
    border-bottom:1px solid rgba(241,243,245,1);
}
#loginModal .login-msg{
    width:258px;
    height:14px;
    font-size:14px;
    font-weight:500;
    color:rgba(153,153,153,1);
    line-height:14px;
    text-align: center;
    margin:20px auto;
    vertical-align: middle;
}
#loginModal .code-input{
    width:220px;
    height:46px;
    display:inline-block;
    float:left;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(241,243,245,1);
    vertical-align: middle;
    padding-left:10px;
    font-size:14px;
    line-height: 14px;
    color:#999999;
}
#loginModal .code-input::-webkit-input-placeholder{ font-size: 14px;line-height: 14px; vertical-align: middle; color:rgba(102,102,102,0.5) !important;} /* 使用webkit内核的浏览器 */
#loginModal .code-input:-moz-placeholder{font-size: 14px;line-height: 14px; vertical-align: middle; color:rgba(102,102,102,0.5) !important;}                  /* Firefox版本4-18 */
#loginModal .code-input::-moz-placeholder{font-size: 14px;line-height: 14px; vertical-align: middle; color:rgba(102,102,102,0.5) !important;}                  /* Firefox版本19+ */
#loginModal .code-input:-ms-input-placeholder{font-size: 14px;line-height: 14px; vertical-align: middle; color:rgba(102,102,102,0.5) !important;}           /* IE浏览器 */
#loginModal .codeImg{
    width:110px;
    height:46px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    border:1px solid rgba(241,243,245,1);
    display:inline-block;
    margin-left:10px;
}
#loginModal .codeImg img{
    width:110px;
    height:46px;
}
#loginModal .flushCode{
    width:140px;
    line-height: 14px;
    padding-top:10px;
    color:rgba(153,153,153,1);
    border-radius:4px;
    float:right;
    font-size:14px;
    font-weight: 400;
    text-align: center;
    cursor:pointer;
}
#loginModal .modal-footer{
    padding:30px 0 !important;
}
#loginModal .check{
    margin:0 auto;
    width:176px;
    height:46px;
    background:rgba(96,163,252,1);
    border-radius:4px;
    font-size:18px;
    //font-family:PingFang-SC-Regular;
    font-weight: 500;
    color:rgba(255,255,255,1);
    line-height:46px;
    text-align: center;
}
#loginModal .error-input-msg{
    text-align: center;
    height:25px;
    line-height: 14px;
    font-size: 14px;
    vertical-align: middle;
    float:left;
    font-weight: 400;
    padding-top:10px;
    color:rgba(253, 120, 137, 1);
}

//大图显示Modal
#largeImgModal{
    //border: 1px solid red;
    background: none;
    margin:0;
    padding:0 !important;
    //padding:10px  50px !important;
    width:100%;
    height:100%;
    overflow: hidden;
}
#largeImgModal .modal-dialog{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
#largeImgModal .modal-content{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    background:transparent;
    //background: url("../image/loading.png") center center no-repeat;
    border:none;
    box-shadow: none;
    position:relative;

    overflow-x: hidden;
    overflow-y: auto;

}
#largeImgModal .modal-body{
    height:90%;
    padding:0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#largeImgModal .modal-body img{
    vertical-align: middle;
    height:auto;
}
#largeImgModal .close-btn{
    position: fixed !important;
}
#largeImgModal .left-btn{
    position:fixed;
    font-size: 50px;
    color:rgba(255,255,255,0.5);
    cursor:pointer;
}
#largeImgModal .right-btn{
    position:fixed;
    font-size: 50px;
    color:rgba(255,255,255,0.5);
    cursor:pointer;
}
#largeImgModal .img-box{
    width:100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding:20px;
}
#largeImgModal .img-box img{
    max-height:100%;
    width:auto;
}





/**
  Input  date默认样式
*/

//输入框字体颜色
input::-webkit-input-placeholder{ color:rgba(102,102,102,0.5) !important;} /* 使用webkit内核的浏览器 */
input:-moz-placeholder{color:rgba(102,102,102,0.5) !important;}                  /* Firefox版本4-18 */
input::-moz-placeholder{color:rgba(102,102,102,0.5) !important;}                  /* Firefox版本19+ */
input:-ms-input-placeholder{color:rgba(102,102,102,0.5) !important;}           /* IE浏览器 */
input::-ms-clear{display:none;}

input{vertical-align: middle;}
input::-webkit-inner-spin-button { visibility: hidden; }
input::-webkit-calendar-picker-indicator {
    background: none;
    color:rgba(0,0,0,0);
    vertical-align: middle;
}
/*修改提示文字的颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
    font-size:14px;
    //font-family:PingFang-SC-Regular;
    font-weight: 500;
    color:rgba(204,204,204,1);
    line-height:14px;
    vertical-align: middle;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:14px;
    font-weight: 500;
    color:rgba(204,204,204,1);
    line-height:14px;
    vertical-align: middle;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:14px;
    font-weight: 500;
    color:rgba(204,204,204,1);
    line-height:14px;
    vertical-align: middle;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:14px;
    font-weight: 500;
    color:rgba(204,204,204,1);
    line-height:14px;
    vertical-align: middle;
}

//分享框
.use {
    position:relative;
}
.use .use-li{
    position:relative;
}
.use .flag{
    position: absolute;
    color:red;
    top:-15px;
    left:28px;
    font-size:14px;
    opacity: 0;
    color:rgba(93, 144, 247, 1);
}

.use .share-type{
    width:140px;
    height:311px;
    background:rgba(255,255,255,1);
    box-shadow:0 2px 12px 0 rgba(0,0,0,0.08);
    border-radius:4px;
    position: fixed;
    bottom: 35px;
    right:-40px;
    padding:20px 15px;
    z-index: 999;
}

.use .share-type-item{
    margin-bottom:20px;
    font-size:14px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight:500;
    color:rgba(102,102,102,1);
    line-height:14px;
    padding-left:8px;
    cursor:pointer;
}
.use .share-type-item img{
    margin-right:10px;
}
.use .share-type-item .code img{
    width:110px !important;
    height:110px !important;
}


//火狐设置
input::-moz-placeholder{
    color: #c5c5c5;
    opacity: 1;/*这里之前是没有的，发现问题后才加上去的*/
    line-height: 30px;
}
.login-content  input::-moz-placeholder{
    color: #c5c5c5;
    opacity: 1;/*这里之前是没有的，发现问题后才加上去的*/
    line-height: 46px;
}


//记一笔下拉 无搜索内容是
.no-currency-data{
    padding:10px;
    text-align: center;
    font-size: 14px;
}

//登录页， 重置密码页，注册页 ，   输入框激活时的颜色  输入错误时的框
.input-active{
    border: 1px solid rgba(96,163,252,1) !important;
    -webkit-box-shadow:0 4px 8px 0 rgba(96,163,252,0.16) !important;
    -moz-box-shadow:0 4px 8px 0 rgba(96,163,252,0.16) !important;
    box-shadow:0 4px 8px 0 rgba(96,163,252,0.16) !important;

    //outline:1px solid rgba(241,243,245,1) !important;
}
.input-error{
    border: 1px solid rgba(253,120,137,1) !important;
}

//提示框，例如复制成功，删除成功
#warnMsg{
    width:342px;
    height:60px;
    background:rgba(0,0,0,1);
    border-radius:4px;
    opacity:0;

    font-size:18px;
    color:rgba(255,255,255,1);
    line-height:60px;
    text-align: center;
    position: fixed;
    top:100px;
    left:200px;
    z-index:999;
}

//回到顶部
#to-top{
    cursor:pointer;
    display: block;
    position: fixed;
    right:100px;
    bottom:100px;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.1);
}



@media screen and (max-width: 840px){
    //头部设置
    #header{
        overflow: visible;
    }
    #header .content{
        width:100%;
        padding:0 10px;
    }
    #header li{
        padding:0 0 0 0;
        background: white;
    }
    #header ul{
        box-shadow:0 0 6px 0 rgba(0,0,0,0.1);
    }
    #header ul a{
        height:40px;
        line-height:40px;
        text-align: center;
    }
    #header .nav-active a{
        border-bottom:none;
    }



    #footer .content{
        width:100%;
        padding:0 10px 0 5px;
    }
    #footer .right{
        right:20px;
    }

    #to-top{
        right:20px;
        bottom:70px;
        z-index: 999;
    }
}





